<template>
  <div>
    <el-popover
      placement="right"
      width="400"
      trigger="manual"
      v-model="visible">
      <!--点击后的popover弹出框-->
      <div class="container">
        <!--图片内容区域-->
        <div class="emoji-box">
          <el-tooltip v-for="item in emoji[index].children" :key="item.id" :content="item.name" effect="light"  placement="bottom-end" >
            <el-image  class="emoji" :src="item.pic" fit="fill" @click="selectEmoji(item.pic)"></el-image>
          </el-tooltip>
        </div>
        <div class="bottom-operator">
          <!--图片菜单区域-->
          <div class="emoji-set-list">
            <div class="emoji-set" v-for="(item,index) in emoji.slice(emojiListStart,emojiListStart+6)" :key="index">
              <el-tooltip :content="item.name" effect="light"  placement="bottom-end" >
                <el-image class="emoji-set-icon"  :src="item.pic" fit="fill" @click="changeemoji(item.id)"></el-image>
              </el-tooltip>
            </div>
          </div>
          <!--图片菜单操控区域-->
          <div class="page-operator">
            <div :class="['page-change',emojiListStart===0 ? 'none' : '']" @click="preEmojiList"><i class="el-icon-arrow-left"></i></div>
            <div :class="['page-change',emojiListStart >= emoji.length - 6 ? 'none' : '']" @click="nextEmojiList"><i class="el-icon-arrow-right"></i></div>
          </div>
        </div>
      </div>
      <!--点击触发-->
      <font-awesome-icon class="emoji-open" slot="reference"  @click="visible = !visible" :icon="['fa', 'grin-alt']" style="margin:0 5px"></font-awesome-icon>
    </el-popover>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 表情菜单索引
      index: 0,
      // 表情菜单索引开始值
      emojiListStart: 0,
      // 是否显示
      visible: false,
      // 表情数据
      emoji: [
        { id: 0, name: '第1个', pic: require('/public/表情/text1/受到惊吓.png'), children: [{ id: 0, name: '受到惊吓', pic: require('/public/表情/text1/受到惊吓.png') }, { id: 1, name: '吃糖葫芦', pic: require('/public/表情/text1/吃糖葫芦.png') }, { id: 2, name: '恭贺新春', pic: require('/public/表情/text1/恭贺新春.png') }, { id: 3, name: '我的心好痛', pic: require('/public/表情/text1/我的心好痛.png') }, { id: 4, name: '放鞭炮', pic: require('/public/表情/text1/放鞭炮.png') }, { id: 5, name: '春节咕咕', pic: require('/public/表情/text1/春节咕咕.png') }, { id: 6, name: '牛气冲天', pic: require('/public/表情/text1/牛气冲天.png') }, { id: 7, name: '福到啦', pic: require('/public/表情/text1/福到啦.png') }, { id: 8, name: '米游兔举牌子', pic: require('/public/表情/text1/米游兔举牌子.png') }, { id: 9, name: '米游兔乖巧', pic: require('/public/表情/text1/米游兔乖巧.png') }, { id: 10, name: '米游兔加油', pic: require('/public/表情/text1/米游兔加油.png') }, { id: 11, name: '米游兔可怜兮兮', pic: require('/public/表情/text1/米游兔可怜兮兮.png') }, { id: 12, name: '米游兔吃惊', pic: require('/public/表情/text1/米游兔吃惊.png') }, { id: 13, name: '米游兔吃瓜', pic: require('/public/表情/text1/米游兔吃瓜.png') }, { id: 14, name: '米游兔吨吨', pic: require('/public/表情/text1/米游兔吨吨.png') }, { id: 15, name: '米游兔好耶', pic: require('/public/表情/text1/米游兔好耶.png') }, { id: 16, name: '米游兔安详', pic: require('/public/表情/text1/米游兔安详.png') }, { id: 17, name: '米游兔害怕', pic: require('/public/表情/text1/米游兔害怕.png') }, { id: 18, name: '米游兔无奈', pic: require('/public/表情/text1/米游兔无奈.png') }, { id: 19, name: '米游兔星星', pic: require('/public/表情/text1/米游兔星星.png') }, { id: 20, name: '米游兔暗中观察', pic: require('/public/表情/text1/米游兔暗中观察.png') }, { id: 21, name: '米游兔期待', pic: require('/public/表情/text1/米游兔期待.png') }, { id: 22, name: '米游兔烟雾弹', pic: require('/public/表情/text1/米游兔烟雾弹.png') }, { id: 23, name: '米游兔笔心', pic: require('/public/表情/text1/米游兔笔心.png') }, { id: 24, name: '米游兔糖葫芦', pic: require('/public/表情/text1/米游兔糖葫芦.png') }, { id: 25, name: '米游兔脱非', pic: require('/public/表情/text1/米游兔脱非.png') }, { id: 26, name: '米游兔自闭', pic: require('/public/表情/text1/米游兔自闭.png') }, { id: 27, name: '米游兔递茶', pic: require('/public/表情/text1/米游兔递茶.png') }, { id: 28, name: '米游兔飞翔', pic: require('/public/表情/text1/米游兔飞翔.png') }, { id: 29, name: '米游姬入欧', pic: require('/public/表情/text1/米游姬入欧.png') }, { id: 30, name: '米游姬发福利', pic: require('/public/表情/text1/米游姬发福利.png') }, { id: 31, name: '米游姬咕咕', pic: require('/public/表情/text1/米游姬咕咕.png') }, { id: 32, name: '米游姬哈欠', pic: require('/public/表情/text1/米游姬哈欠.png') }, { id: 33, name: '米游姬唢呐', pic: require('/public/表情/text1/米游姬唢呐.png') }, { id: 34, name: '米游姬喝茶', pic: require('/public/表情/text1/米游姬喝茶.png') }, { id: 35, name: '米游姬大哭', pic: require('/public/表情/text1/米游姬大哭.png') }, { id: 36, name: '米游姬委屈', pic: require('/public/表情/text1/米游姬委屈.png') }, { id: 37, name: '米游姬得意', pic: require('/public/表情/text1/米游姬得意.png') }, { id: 38, name: '米游姬抢红包', pic: require('/public/表情/text1/米游姬抢红包.png') }, { id: 39, name: '米游姬抱抱', pic: require('/public/表情/text1/米游姬抱抱.png') }, { id: 40, name: '米游姬比心', pic: require('/public/表情/text1/米游姬比心.png') }, { id: 41, name: '米游姬流鼻血', pic: require('/public/表情/text1/米游姬流鼻血.png') }, { id: 42, name: '米游姬疑惑', pic: require('/public/表情/text1/米游姬疑惑.png') }, { id: 43, name: '米游姬福袋', pic: require('/public/表情/text1/米游姬福袋.png') }, { id: 44, name: '米游姬糖葫芦', pic: require('/public/表情/text1/米游姬糖葫芦.png') }, { id: 45, name: '米游姬观察', pic: require('/public/表情/text1/米游姬观察.png') }, { id: 46, name: '魔游姬哼哼', pic: require('/public/表情/text1/魔游姬哼哼.png') }, { id: 47, name: '魔游姬害怕', pic: require('/public/表情/text1/魔游姬害怕.png') }, { id: 48, name: '魔游姬得意', pic: require('/public/表情/text1/魔游姬得意.png') }, { id: 49, name: '魔游姬生气', pic: require('/public/表情/text1/魔游姬生气.png') }, { id: 50, name: '魔游姬糖葫芦', pic: require('/public/表情/text1/魔游姬糖葫芦.png') }, { id: 51, name: '魔游姬鸽子', pic: require('/public/表情/text1/魔游姬鸽子.png') }] },
        { id: 1, name: '第2个', pic: require('/public/表情/text2/为你点赞.png'), children: [{ id: 0, name: '为你点赞', pic: require('/public/表情/text2/为你点赞.png') }, { id: 1, name: '二胡', pic: require('/public/表情/text2/二胡.png') }, { id: 2, name: '仿犹大-哇', pic: require('/public/表情/text2/仿犹大-哇.png') }, { id: 3, name: '仿犹大-酷', pic: require('/public/表情/text2/仿犹大-酷.png') }, { id: 4, name: '倒地不起', pic: require('/public/表情/text2/倒地不起.png') }, { id: 5, name: '傻眼', pic: require('/public/表情/text2/傻眼.png') }, { id: 6, name: '入欧', pic: require('/public/表情/text2/入欧.png') }, { id: 7, name: '凉凉', pic: require('/public/表情/text2/凉凉.png') }, { id: 8, name: '刷题', pic: require('/public/表情/text2/刷题.png') }, { id: 9, name: '发懵', pic: require('/public/表情/text2/发懵.png') }, { id: 10, name: '发飙', pic: require('/public/表情/text2/发飙.png') }, { id: 11, name: '可以', pic: require('/public/表情/text2/可以.png') }, { id: 12, name: '可可怜怜', pic: require('/public/表情/text2/可可怜怜.png') }, { id: 13, name: '吃粽子', pic: require('/public/表情/text2/吃粽子.png') }, { id: 14, name: '呆', pic: require('/public/表情/text2/呆.png') }, { id: 15, name: '呆滞', pic: require('/public/表情/text2/呆滞.png') }, { id: 16, name: '咕', pic: require('/public/表情/text2/咕.png') }, { id: 17, name: '咕咕', pic: require('/public/表情/text2/咕咕.png') }, { id: 18, name: '唢呐', pic: require('/public/表情/text2/唢呐.png') }, { id: 19, name: '喷火', pic: require('/public/表情/text2/喷火.png') }, { id: 20, name: '大惊失色', pic: require('/public/表情/text2/大惊失色.png') }, { id: 21, name: '天火-喝茶', pic: require('/public/表情/text2/天火-喝茶.png') }, { id: 22, name: '天父1', pic: require('/public/表情/text2/天父1.png') }, { id: 23, name: '天父2', pic: require('/public/表情/text2/天父2.png') }, { id: 24, name: '天父3', pic: require('/public/表情/text2/天父3.png') }, { id: 25, name: '天父4', pic: require('/public/表情/text2/天父4.png') }, { id: 26, name: '天父5', pic: require('/public/表情/text2/天父5.png') }, { id: 27, name: '奇怪', pic: require('/public/表情/text2/奇怪.png') }, { id: 28, name: '奥托叹气', pic: require('/public/表情/text2/奥托叹气.png') }, { id: 29, name: '奥托沉思', pic: require('/public/表情/text2/奥托沉思.png') }, { id: 30, name: '好朋友', pic: require('/public/表情/text2/好朋友.png') }, { id: 31, name: '委屈巴巴', pic: require('/public/表情/text2/委屈巴巴.png') }, { id: 32, name: '学霸', pic: require('/public/表情/text2/学霸.png') }, { id: 33, name: '小染-生气', pic: require('/public/表情/text2/小染-生气.png') }, { id: 34, name: '崩溃', pic: require('/public/表情/text2/崩溃.png') }, { id: 35, name: '干杯干杯', pic: require('/public/表情/text2/干杯干杯.png') }, { id: 36, name: '庆祝', pic: require('/public/表情/text2/庆祝.png') }, { id: 37, name: '德丽莎-可怜', pic: require('/public/表情/text2/德丽莎-可怜.png') }, { id: 38, name: '怒', pic: require('/public/表情/text2/怒.png') }, { id: 39, name: '思考', pic: require('/public/表情/text2/思考.png') }, { id: 40, name: '惊', pic: require('/public/表情/text2/惊.png') }, { id: 41, name: '惊了', pic: require('/public/表情/text2/惊了.png') }, { id: 42, name: '惊吓', pic: require('/public/表情/text2/惊吓.png') }, { id: 43, name: '想桃子', pic: require('/public/表情/text2/想桃子.png') }, { id: 44, name: '意外', pic: require('/public/表情/text2/意外.png') }, { id: 45, name: '感到鸭力', pic: require('/public/表情/text2/感到鸭力.png') }, { id: 46, name: '慌慌张张', pic: require('/public/表情/text2/慌慌张张.png') }, { id: 47, name: '我好酸啊', pic: require('/public/表情/text2/我好酸啊.png') }, { id: 48, name: '打架', pic: require('/public/表情/text2/打架.png') }, { id: 49, name: '抓住女装', pic: require('/public/表情/text2/抓住女装.png') }, { id: 50, name: '抱抱', pic: require('/public/表情/text2/抱抱.png') }, { id: 51, name: '拥抱', pic: require('/public/表情/text2/拥抱.png') }, { id: 52, name: '捂嘴吃惊', pic: require('/public/表情/text2/捂嘴吃惊.png') }, { id: 53, name: '撒花', pic: require('/public/表情/text2/撒花.png') }, { id: 54, name: '敲黑板', pic: require('/public/表情/text2/敲黑板.png') }, { id: 55, name: '无奈', pic: require('/public/表情/text2/无奈.png') }, { id: 56, name: '无话可说', pic: require('/public/表情/text2/无话可说.png') }, { id: 57, name: '无语', pic: require('/public/表情/text2/无语.png') }, { id: 58, name: '晓月镇魂歌-退下', pic: require('/public/表情/text2/晓月镇魂歌-退下.png') }, { id: 59, name: '晕', pic: require('/public/表情/text2/晕.png') }, { id: 60, name: '死士-暗中观察', pic: require('/public/表情/text2/死士-暗中观察.png') }, { id: 61, name: '气哭', pic: require('/public/表情/text2/气哭.png') }, { id: 62, name: '滴汗', pic: require('/public/表情/text2/滴汗.png') }, { id: 63, name: '点赞', pic: require('/public/表情/text2/点赞.png') }, { id: 64, name: '烧书', pic: require('/public/表情/text2/烧书.png') }, { id: 65, name: '特斯拉Zero-给你一拳', pic: require('/public/表情/text2/特斯拉Zero-给你一拳.png') }, { id: 66, name: '琵琶', pic: require('/public/表情/text2/琵琶.png') }, { id: 67, name: '生日吃蛋糕', pic: require('/public/表情/text2/生日吃蛋糕.png') }, { id: 68, name: '疑问', pic: require('/public/表情/text2/疑问.png') }, { id: 69, name: '登场', pic: require('/public/表情/text2/登场.png') }, { id: 70, name: '看手机', pic: require('/public/表情/text2/看手机.png') }, { id: 71, name: '真的吗', pic: require('/public/表情/text2/真的吗.png') }, { id: 72, name: '笔心心', pic: require('/public/表情/text2/笔心心.png') }, { id: 73, name: '笛子', pic: require('/public/表情/text2/笛子.png') }, { id: 74, name: '符华-汗', pic: require('/public/表情/text2/符华-汗.png') }, { id: 75, name: '糖葫芦', pic: require('/public/表情/text2/糖葫芦.png') }, { id: 76, name: '红包', pic: require('/public/表情/text2/红包.png') }, { id: 77, name: '绯玉丸-抱大腿', pic: require('/public/表情/text2/绯玉丸-抱大腿.png') }, { id: 78, name: '脱非', pic: require('/public/表情/text2/脱非.png') }, { id: 79, name: '苍玄之书-晚安', pic: require('/public/表情/text2/苍玄之书-晚安.png') }, { id: 80, name: '若水-冲鸭', pic: require('/public/表情/text2/若水-冲鸭.png') }, { id: 81, name: '西琳-打call', pic: require('/public/表情/text2/西琳-打call.png') }, { id: 82, name: '观星望月', pic: require('/public/表情/text2/观星望月.png') }, { id: 83, name: '观星身体', pic: require('/public/表情/text2/观星身体.png') }, { id: 84, name: '观星长腿', pic: require('/public/表情/text2/观星长腿.png') }, { id: 85, name: '认可', pic: require('/public/表情/text2/认可.png') }, { id: 86, name: '识之律者-hi', pic: require('/public/表情/text2/识之律者-hi.png') }, { id: 87, name: '调皮', pic: require('/public/表情/text2/调皮.png') }, { id: 88, name: '贝拉-委屈', pic: require('/public/表情/text2/贝拉-委屈.png') }, { id: 89, name: '赤鸢之翼-迷惑', pic: require('/public/表情/text2/赤鸢之翼-迷惑.png') }, { id: 90, name: '超委屈的', pic: require('/public/表情/text2/超委屈的.png') }, { id: 91, name: '逢考必过', pic: require('/public/表情/text2/逢考必过.png') }, { id: 92, name: '酷', pic: require('/public/表情/text2/酷.png') }, { id: 93, name: '钱', pic: require('/public/表情/text2/钱.png') }, { id: 94, name: '镲', pic: require('/public/表情/text2/镲.png') }, { id: 95, name: '零分', pic: require('/public/表情/text2/零分.png') }, { id: 96, name: '非常疑惑', pic: require('/public/表情/text2/非常疑惑.png') }, { id: 97, name: '馋', pic: require('/public/表情/text2/馋.png') }, { id: 98, name: '魔杖变身', pic: require('/public/表情/text2/魔杖变身.png') }, { id: 99, name: '黑线中', pic: require('/public/表情/text2/黑线中.png') }] },
        { id: 2, name: '第3个', pic: require('/public/表情/text3/ok.png'), children: [{ id: 0, name: 'ok', pic: require('/public/表情/text3/ok.png') }, { id: 1, name: '七七-品尝', pic: require('/public/表情/text3/七七-品尝.png') }, { id: 2, name: '七七-暗中观察', pic: require('/public/表情/text3/七七-暗中观察.png') }, { id: 3, name: '不要啊', pic: require('/public/表情/text3/不要啊.png') }, { id: 4, name: '九条裟罗-冲锋', pic: require('/public/表情/text3/九条裟罗-冲锋.png') }, { id: 5, name: '九条裟罗-别想逃', pic: require('/public/表情/text3/九条裟罗-别想逃.png') }, { id: 6, name: '九条裟罗-开心', pic: require('/public/表情/text3/九条裟罗-开心.png') }, { id: 7, name: '九条裟罗-拒绝', pic: require('/public/表情/text3/九条裟罗-拒绝.png') }, { id: 8, name: '交给我吧', pic: require('/public/表情/text3/交给我吧.png') }, { id: 9, name: '优菈-干杯', pic: require('/public/表情/text3/优菈-干杯.png') }, { id: 10, name: '优菈-开饭了', pic: require('/public/表情/text3/优菈-开饭了.png') }, { id: 11, name: '优菈-让我看看', pic: require('/public/表情/text3/优菈-让我看看.png') }, { id: 12, name: '优菈-赞扬', pic: require('/public/表情/text3/优菈-赞扬.png') }, { id: 13, name: '你真幽默', pic: require('/public/表情/text3/你真幽默.png') }, { id: 14, name: '倒', pic: require('/public/表情/text3/倒.png') }, { id: 15, name: '出货吧', pic: require('/public/表情/text3/出货吧.png') }, { id: 16, name: '刻晴-夜宵', pic: require('/public/表情/text3/刻晴-夜宵.png') }, { id: 17, name: '刻晴-我拒绝', pic: require('/public/表情/text3/刻晴-我拒绝.png') }, { id: 18, name: '刻晴-晚安', pic: require('/public/表情/text3/刻晴-晚安.png') }, { id: 19, name: '刻晴-点赞', pic: require('/public/表情/text3/刻晴-点赞.png') }, { id: 20, name: '刻晴-疑问', pic: require('/public/表情/text3/刻晴-疑问.png') }, { id: 21, name: '刻晴-祝贺', pic: require('/public/表情/text3/刻晴-祝贺.png') }, { id: 22, name: '刻晴-赌气', pic: require('/public/表情/text3/刻晴-赌气.png') }, { id: 23, name: '北斗-大笑', pic: require('/public/表情/text3/北斗-大笑.png') }, { id: 24, name: '北斗-拜拜', pic: require('/public/表情/text3/北斗-拜拜.png') }, { id: 25, name: '可莉-好耶', pic: require('/public/表情/text3/可莉-好耶.png') }, { id: 26, name: '可莉-委屈', pic: require('/public/表情/text3/可莉-委屈.png') }, { id: 27, name: '可莉-抓到了！', pic: require('/public/表情/text3/可莉-抓到了！.png') }, { id: 28, name: '可莉-求求你', pic: require('/public/表情/text3/可莉-求求你.png') }, { id: 29, name: '可莉-生气气！', pic: require('/public/表情/text3/可莉-生气气！.png') }, { id: 30, name: '可莉-陪我玩', pic: require('/public/表情/text3/可莉-陪我玩.png') }, { id: 31, name: '吃惊', pic: require('/public/表情/text3/吃惊.png') }, { id: 32, name: '呜…', pic: require('/public/表情/text3/呜….png') }, { id: 33, name: '咕咕咕', pic: require('/public/表情/text3/咕咕咕.png') }, { id: 34, name: '哦', pic: require('/public/表情/text3/哦.png') }, { id: 35, name: '哼哼', pic: require('/public/表情/text3/哼哼.png') }, { id: 36, name: '唔', pic: require('/public/表情/text3/唔.png') }, { id: 37, name: '大哭', pic: require('/public/表情/text3/大哭.png') }, { id: 38, name: '安详', pic: require('/public/表情/text3/安详.png') }, { id: 39, name: '宵宫-喂', pic: require('/public/表情/text3/宵宫-喂.png') }, { id: 40, name: '宵宫-得意', pic: require('/public/表情/text3/宵宫-得意.png') }, { id: 41, name: '宵宫-抱歉', pic: require('/public/表情/text3/宵宫-抱歉.png') }, { id: 42, name: '宵宫-没问题', pic: require('/public/表情/text3/宵宫-没问题.png') }, { id: 43, name: '小事一桩', pic: require('/public/表情/text3/小事一桩.png') }, { id: 44, name: '干得漂亮', pic: require('/public/表情/text3/干得漂亮.png') }, { id: 45, name: '干杯', pic: require('/public/表情/text3/干杯.png') }, { id: 46, name: '愤怒', pic: require('/public/表情/text3/愤怒.png') }, { id: 47, name: '托马-拜托了', pic: require('/public/表情/text3/托马-拜托了.png') }, { id: 48, name: '托马-超赞', pic: require('/public/表情/text3/托马-超赞.png') }, { id: 49, name: '拜托', pic: require('/public/表情/text3/拜托.png') }, { id: 50, name: '救救我', pic: require('/public/表情/text3/救救我.png') }, { id: 51, name: '早柚-困', pic: require('/public/表情/text3/早柚-困.png') }, { id: 52, name: '早柚-生气', pic: require('/public/表情/text3/早柚-生气.png') }, { id: 53, name: '早柚-看我的', pic: require('/public/表情/text3/早柚-看我的.png') }, { id: 54, name: '早柚-警觉', pic: require('/public/表情/text3/早柚-警觉.png') }, { id: 55, name: '有主意了', pic: require('/public/表情/text3/有主意了.png') }, { id: 56, name: '枫原万叶-偷笑', pic: require('/public/表情/text3/枫原万叶-偷笑.png') }, { id: 57, name: '枫原万叶-吃惊', pic: require('/public/表情/text3/枫原万叶-吃惊.png') }, { id: 58, name: '枫原万叶-嗨', pic: require('/public/表情/text3/枫原万叶-嗨.png') }, { id: 59, name: '枫原万叶-汗', pic: require('/public/表情/text3/枫原万叶-汗.png') }, { id: 60, name: '温迪-吃惊', pic: require('/public/表情/text3/温迪-吃惊.png') }, { id: 61, name: '温迪-撒花', pic: require('/public/表情/text3/温迪-撒花.png') }, { id: 62, name: '温迪-期待', pic: require('/public/表情/text3/温迪-期待.png') }, { id: 63, name: '烟绯-得意', pic: require('/public/表情/text3/烟绯-得意.png') }, { id: 64, name: '烟绯-无奈', pic: require('/public/表情/text3/烟绯-无奈.png') }, { id: 65, name: '烟绯-没问题', pic: require('/public/表情/text3/烟绯-没问题.png') }, { id: 66, name: '烟绯-睡不着', pic: require('/public/表情/text3/烟绯-睡不着.png') }, { id: 67, name: '珊瑚宫心海-好累', pic: require('/public/表情/text3/珊瑚宫心海-好累.png') }, { id: 68, name: '珊瑚宫心海-悠闲', pic: require('/public/表情/text3/珊瑚宫心海-悠闲.png') }, { id: 69, name: '珊瑚宫心海-摸鱼', pic: require('/public/表情/text3/珊瑚宫心海-摸鱼.png') }, { id: 70, name: '珊瑚宫心海-祈祷', pic: require('/public/表情/text3/珊瑚宫心海-祈祷.png') }, { id: 71, name: '琴-沉思', pic: require('/public/表情/text3/琴-沉思.png') }, { id: 72, name: '琴-生气', pic: require('/public/表情/text3/琴-生气.png') }, { id: 73, name: '琴-苦笑', pic: require('/public/表情/text3/琴-苦笑.png') }, { id: 74, name: '琴-赞扬', pic: require('/public/表情/text3/琴-赞扬.png') }, { id: 75, name: '甘雨-不要摸', pic: require('/public/表情/text3/甘雨-不要摸.png') }, { id: 76, name: '甘雨-懊恼', pic: require('/public/表情/text3/甘雨-懊恼.png') }, { id: 77, name: '甘雨-打瞌睡', pic: require('/public/表情/text3/甘雨-打瞌睡.png') }, { id: 78, name: '甘雨-挺好的', pic: require('/public/表情/text3/甘雨-挺好的.png') }, { id: 79, name: '甘雨-早安', pic: require('/public/表情/text3/甘雨-早安.png') }, { id: 80, name: '甘雨-祈祷', pic: require('/public/表情/text3/甘雨-祈祷.png') }, { id: 81, name: '睡着了', pic: require('/public/表情/text3/睡着了.png') }, { id: 82, name: '砂糖-乖巧', pic: require('/public/表情/text3/砂糖-乖巧.png') }, { id: 83, name: '砂糖-加油', pic: require('/public/表情/text3/砂糖-加油.png') }, { id: 84, name: '砂糖-委屈巴巴', pic: require('/public/表情/text3/砂糖-委屈巴巴.png') }, { id: 85, name: '砂糖-疑问', pic: require('/public/表情/text3/砂糖-疑问.png') }, { id: 86, name: '砂糖-纪录', pic: require('/public/表情/text3/砂糖-纪录.png') }, { id: 87, name: '神里绫华-偷笑', pic: require('/public/表情/text3/神里绫华-偷笑.png') }, { id: 88, name: '神里绫华-喝茶', pic: require('/public/表情/text3/神里绫华-喝茶.png') }, { id: 89, name: '神里绫华-早安', pic: require('/public/表情/text3/神里绫华-早安.png') }, { id: 90, name: '神里绫华-行礼', pic: require('/public/表情/text3/神里绫华-行礼.png') }, { id: 91, name: '给我走开', pic: require('/public/表情/text3/给我走开.png') }, { id: 92, name: '罗莎莉亚-下班', pic: require('/public/表情/text3/罗莎莉亚-下班.png') }, { id: 93, name: '罗莎莉亚-凝视', pic: require('/public/表情/text3/罗莎莉亚-凝视.png') }, { id: 94, name: '罗莎莉亚-嫌弃', pic: require('/public/表情/text3/罗莎莉亚-嫌弃.png') }, { id: 95, name: '罗莎莉亚-汗', pic: require('/public/表情/text3/罗莎莉亚-汗.png') }, { id: 96, name: '胡桃-不好意思', pic: require('/public/表情/text3/胡桃-不好意思.png') }, { id: 97, name: '胡桃-交给我吧', pic: require('/public/表情/text3/胡桃-交给我吧.png') }, { id: 98, name: '胡桃-卖萌', pic: require('/public/表情/text3/胡桃-卖萌.png') }, { id: 99, name: '胡桃-吓唬', pic: require('/public/表情/text3/胡桃-吓唬.png') }, { id: 100, name: '胡桃-坏笑', pic: require('/public/表情/text3/胡桃-坏笑.png') }, { id: 101, name: '胡桃-念诗', pic: require('/public/表情/text3/胡桃-念诗.png') }, { id: 102, name: '胡桃-打哈欠', pic: require('/public/表情/text3/胡桃-打哈欠.png') }, { id: 103, name: '胡桃-搞砸了', pic: require('/public/表情/text3/胡桃-搞砸了.png') }, { id: 104, name: '芭芭拉-嘘', pic: require('/public/表情/text3/芭芭拉-嘘.png') }, { id: 105, name: '芭芭拉-害羞', pic: require('/public/表情/text3/芭芭拉-害羞.png') }, { id: 106, name: '芭芭拉-慌张', pic: require('/public/表情/text3/芭芭拉-慌张.png') }, { id: 107, name: '芭芭拉-没事吧', pic: require('/public/表情/text3/芭芭拉-没事吧.png') }, { id: 108, name: '若陀龙王-休息', pic: require('/public/表情/text3/若陀龙王-休息.png') }, { id: 109, name: '若陀龙王-咆哮', pic: require('/public/表情/text3/若陀龙王-咆哮.png') }, { id: 110, name: '若陀龙王-挠头', pic: require('/public/表情/text3/若陀龙王-挠头.png') }, { id: 111, name: '若陀龙王-迷茫', pic: require('/public/表情/text3/若陀龙王-迷茫.png') }, { id: 112, name: '莫娜-吃炸鸡', pic: require('/public/表情/text3/莫娜-吃炸鸡.png') }, { id: 113, name: '莫娜-哼哼', pic: require('/public/表情/text3/莫娜-哼哼.png') }, { id: 114, name: '莫娜-好饿', pic: require('/public/表情/text3/莫娜-好饿.png') }, { id: 115, name: '莫娜-是摩拉', pic: require('/public/表情/text3/莫娜-是摩拉.png') }, { id: 116, name: '莫娜-比心', pic: require('/public/表情/text3/莫娜-比心.png') }, { id: 117, name: '菲谢尔-傲娇', pic: require('/public/表情/text3/菲谢尔-傲娇.png') }, { id: 118, name: '菲谢尔-哈哈哈', pic: require('/public/表情/text3/菲谢尔-哈哈哈.png') }, { id: 119, name: '警觉', pic: require('/public/表情/text3/警觉.png') }, { id: 120, name: '该吃饭了', pic: require('/public/表情/text3/该吃饭了.png') }, { id: 121, name: '请投币', pic: require('/public/表情/text3/请投币.png') }, { id: 122, name: '诺艾尔-再来一杯', pic: require('/public/表情/text3/诺艾尔-再来一杯.png') }, { id: 123, name: '诺艾尔-叼薯条', pic: require('/public/表情/text3/诺艾尔-叼薯条.png') }, { id: 124, name: '诺艾尔-土豆泥', pic: require('/public/表情/text3/诺艾尔-土豆泥.png') }, { id: 125, name: '诺艾尔-擦嘴', pic: require('/public/表情/text3/诺艾尔-擦嘴.png') }, { id: 126, name: '诺艾尔-超赞', pic: require('/public/表情/text3/诺艾尔-超赞.png') }, { id: 127, name: '诺艾尔-送餐', pic: require('/public/表情/text3/诺艾尔-送餐.png') }, { id: 128, name: '辛焱-气死了', pic: require('/public/表情/text3/辛焱-气死了.png') }, { id: 129, name: '辛焱-燃起来了', pic: require('/public/表情/text3/辛焱-燃起来了.png') }, { id: 130, name: '达达利亚-叹气', pic: require('/public/表情/text3/达达利亚-叹气.png') }, { id: 131, name: '达达利亚-吃惊', pic: require('/public/表情/text3/达达利亚-吃惊.png') }, { id: 132, name: '达达利亚-失去高光', pic: require('/public/表情/text3/达达利亚-失去高光.png') }, { id: 133, name: '达达利亚-得意', pic: require('/public/表情/text3/达达利亚-得意.png') }, { id: 134, name: '迪卢克-摇可乐', pic: require('/public/表情/text3/迪卢克-摇可乐.png') }, { id: 135, name: '迪卢克-撒盐', pic: require('/public/表情/text3/迪卢克-撒盐.png') }, { id: 136, name: '迪卢克-擦汗', pic: require('/public/表情/text3/迪卢克-擦汗.png') }, { id: 137, name: '迪卢克-有事吗', pic: require('/public/表情/text3/迪卢克-有事吗.png') }, { id: 138, name: '迪卢克-特别招待', pic: require('/public/表情/text3/迪卢克-特别招待.png') }, { id: 139, name: '迪卢克-谢谢惠顾', pic: require('/public/表情/text3/迪卢克-谢谢惠顾.png') }, { id: 140, name: '迪奥娜-傲娇', pic: require('/public/表情/text3/迪奥娜-傲娇.png') }, { id: 141, name: '迪奥娜-无聊', pic: require('/public/表情/text3/迪奥娜-无聊.png') }, { id: 142, name: '迪奥娜-烦躁', pic: require('/public/表情/text3/迪奥娜-烦躁.png') }, { id: 143, name: '迪奥娜-超凶', pic: require('/public/表情/text3/迪奥娜-超凶.png') }, { id: 144, name: '钟离-不必匆忙', pic: require('/public/表情/text3/钟离-不必匆忙.png') }, { id: 145, name: '钟离-可惜忘了', pic: require('/public/表情/text3/钟离-可惜忘了.png') }, { id: 146, name: '钟离-喝茶', pic: require('/public/表情/text3/钟离-喝茶.png') }, { id: 147, name: '钟离-天动万象', pic: require('/public/表情/text3/钟离-天动万象.png') }, { id: 148, name: '钟离-思考', pic: require('/public/表情/text3/钟离-思考.png') }, { id: 149, name: '钟离-我全都要', pic: require('/public/表情/text3/钟离-我全都要.png') }, { id: 150, name: '钟离-摊手', pic: require('/public/表情/text3/钟离-摊手.png') }, { id: 151, name: '问号', pic: require('/public/表情/text3/问号.png') }, { id: 152, name: '阿贝多-冷', pic: require('/public/表情/text3/阿贝多-冷.png') }, { id: 153, name: '阿贝多-怎么了', pic: require('/public/表情/text3/阿贝多-怎么了.png') }, { id: 154, name: '阿贝多-没什么', pic: require('/public/表情/text3/阿贝多-没什么.png') }, { id: 155, name: '阿贝多-送花', pic: require('/public/表情/text3/阿贝多-送花.png') }, { id: 156, name: '雷电将军-威胁', pic: require('/public/表情/text3/雷电将军-威胁.png') }, { id: 157, name: '雷电将军-惊讶', pic: require('/public/表情/text3/雷电将军-惊讶.png') }, { id: 158, name: '雷电将军-美味', pic: require('/public/表情/text3/雷电将军-美味.png') }, { id: 159, name: '雷电将军-轻笑', pic: require('/public/表情/text3/雷电将军-轻笑.png') }, { id: 160, name: '香菱-新菜谱', pic: require('/public/表情/text3/香菱-新菜谱.png') }, { id: 161, name: '香菱-星星眼', pic: require('/public/表情/text3/香菱-星星眼.png') }, { id: 162, name: '香菱-诶嘿嘿', pic: require('/public/表情/text3/香菱-诶嘿嘿.png') }, { id: 163, name: '魈-冷漠', pic: require('/public/表情/text3/魈-冷漠.png') }, { id: 164, name: '魈-发呆', pic: require('/public/表情/text3/魈-发呆.png') }, { id: 165, name: '魈-吃', pic: require('/public/表情/text3/魈-吃.png') }, { id: 166, name: '魈-坐', pic: require('/public/表情/text3/魈-坐.png') }, { id: 167, name: '魈-揉眼', pic: require('/public/表情/text3/魈-揉眼.png') }, { id: 168, name: '魈-来吧', pic: require('/public/表情/text3/魈-来吧.png') }, { id: 169, name: '魈-疑问', pic: require('/public/表情/text3/魈-疑问.png') }, { id: 170, name: '魈-皱眉', pic: require('/public/表情/text3/魈-皱眉.png') }, { id: 171, name: '黑线', pic: require('/public/表情/text3/黑线.png') }, { id: 172, name: '鼓掌', pic: require('/public/表情/text3/鼓掌.png') }] },
        { id: 3, name: '第4个', pic: require('/public/表情/text4/不开心.png'), children: [{ id: 0, name: '不开心', pic: require('/public/表情/text4/不开心.png') }, { id: 1, name: '不愧是你', pic: require('/public/表情/text4/不愧是你.png') }, { id: 2, name: '不简单', pic: require('/public/表情/text4/不简单.png') }, { id: 3, name: '你细品', pic: require('/public/表情/text4/你细品.png') }, { id: 4, name: '保持微笑', pic: require('/public/表情/text4/保持微笑.png') }, { id: 5, name: '倒茶', pic: require('/public/表情/text4/倒茶.png') }, { id: 6, name: '偷听', pic: require('/public/表情/text4/偷听.png') }, { id: 7, name: '冷笑', pic: require('/public/表情/text4/冷笑.png') }, { id: 8, name: '别管我', pic: require('/public/表情/text4/别管我.png') }, { id: 9, name: '可怜', pic: require('/public/表情/text4/可怜.png') }, { id: 10, name: '叹气', pic: require('/public/表情/text4/叹气.png') }, { id: 11, name: '吸氧', pic: require('/public/表情/text4/吸氧.png') }, { id: 12, name: '呀咩咯', pic: require('/public/表情/text4/呀咩咯.png') }, { id: 13, name: '呜呜', pic: require('/public/表情/text4/呜呜.png') }, { id: 14, name: '啊......', pic: require('/public/表情/text4/啊.......png') }, { id: 15, name: '啥', pic: require('/public/表情/text4/啥.png') }, { id: 16, name: '喝饮料', pic: require('/public/表情/text4/喝饮料.png') }, { id: 17, name: '嘿嘿', pic: require('/public/表情/text4/嘿嘿.png') }, { id: 18, name: '复习', pic: require('/public/表情/text4/复习.png') }, { id: 19, name: '夏彦-吃饱了', pic: require('/public/表情/text4/夏彦-吃饱了.png') }, { id: 20, name: '夏彦-哭唧唧', pic: require('/public/表情/text4/夏彦-哭唧唧.png') }, { id: 21, name: '夏彦-思考', pic: require('/public/表情/text4/夏彦-思考.png') }, { id: 22, name: '夏彦-打call', pic: require('/public/表情/text4/夏彦-打call.png') }, { id: 23, name: '夏彦-暗中观察', pic: require('/public/表情/text4/夏彦-暗中观察.png') }, { id: 24, name: '夏彦-燃起来了', pic: require('/public/表情/text4/夏彦-燃起来了.png') }, { id: 25, name: '夏彦-看手机', pic: require('/public/表情/text4/夏彦-看手机.png') }, { id: 26, name: '夏彦-顿悟', pic: require('/public/表情/text4/夏彦-顿悟.png') }, { id: 27, name: '大喊', pic: require('/public/表情/text4/大喊.png') }, { id: 28, name: '头疼', pic: require('/public/表情/text4/头疼.png') }, { id: 29, name: '好消息', pic: require('/public/表情/text4/好消息.png') }, { id: 30, name: '安排', pic: require('/public/表情/text4/安排.png') }, { id: 31, name: '宕机', pic: require('/public/表情/text4/宕机.png') }, { id: 32, name: '害', pic: require('/public/表情/text4/害.png') }, { id: 33, name: '左然-你醒啦', pic: require('/public/表情/text4/左然-你醒啦.png') }, { id: 34, name: '左然-吃苹果', pic: require('/public/表情/text4/左然-吃苹果.png') }, { id: 35, name: '左然-害羞', pic: require('/public/表情/text4/左然-害羞.png') }, { id: 36, name: '左然-扶额', pic: require('/public/表情/text4/左然-扶额.png') }, { id: 37, name: '左然-无语', pic: require('/public/表情/text4/左然-无语.png') }, { id: 38, name: '左然-瀑布汗', pic: require('/public/表情/text4/左然-瀑布汗.png') }, { id: 39, name: '左然-真棒', pic: require('/public/表情/text4/左然-真棒.png') }, { id: 40, name: '左然-躲墙角', pic: require('/public/表情/text4/左然-躲墙角.png') }, { id: 41, name: '张嘴吃药', pic: require('/public/表情/text4/张嘴吃药.png') }, { id: 42, name: '思考考', pic: require('/public/表情/text4/思考考.png') }, { id: 43, name: '我太可了', pic: require('/public/表情/text4/我太可了.png') }, { id: 44, name: '我太难了', pic: require('/public/表情/text4/我太难了.png') }, { id: 45, name: '捂耳朵', pic: require('/public/表情/text4/捂耳朵.png') }, { id: 46, name: '星星眼', pic: require('/public/表情/text4/星星眼.png') }, { id: 47, name: '晚安', pic: require('/public/表情/text4/晚安.png') }, { id: 48, name: '有钱任性', pic: require('/public/表情/text4/有钱任性.png') }, { id: 49, name: '满脸高兴', pic: require('/public/表情/text4/满脸高兴.png') }, { id: 50, name: '爷来了', pic: require('/public/表情/text4/爷来了.png') }, { id: 51, name: '莫弈-偷笑', pic: require('/public/表情/text4/莫弈-偷笑.png') }, { id: 52, name: '莫弈-呵呵', pic: require('/public/表情/text4/莫弈-呵呵.png') }, { id: 53, name: '莫弈-怀疑', pic: require('/public/表情/text4/莫弈-怀疑.png') }, { id: 54, name: '莫弈-柔弱', pic: require('/public/表情/text4/莫弈-柔弱.png') }, { id: 55, name: '莫弈-比心', pic: require('/public/表情/text4/莫弈-比心.png') }, { id: 56, name: '莫弈-看书', pic: require('/public/表情/text4/莫弈-看书.png') }, { id: 57, name: '莫弈-肯定', pic: require('/public/表情/text4/莫弈-肯定.png') }, { id: 58, name: '莫弈-计划通', pic: require('/public/表情/text4/莫弈-计划通.png') }, { id: 59, name: '菩萨', pic: require('/public/表情/text4/菩萨.png') }, { id: 60, name: '走了', pic: require('/public/表情/text4/走了.png') }, { id: 61, name: '超棒', pic: require('/public/表情/text4/超棒.png') }, { id: 62, name: '陆景和-no', pic: require('/public/表情/text4/陆景和-no.png') }, { id: 63, name: '陆景和-wink', pic: require('/public/表情/text4/陆景和-wink.png') }, { id: 64, name: '陆景和-yes', pic: require('/public/表情/text4/陆景和-yes.png') }, { id: 65, name: '陆景和-书法', pic: require('/public/表情/text4/陆景和-书法.png') }, { id: 66, name: '陆景和-幸福', pic: require('/public/表情/text4/陆景和-幸福.png') }, { id: 67, name: '陆景和-心动', pic: require('/public/表情/text4/陆景和-心动.png') }, { id: 68, name: '陆景和-抓狂', pic: require('/public/表情/text4/陆景和-抓狂.png') }, { id: 69, name: '陆景和-红包', pic: require('/public/表情/text4/陆景和-红包.png') }, { id: 70, name: '震惊脸', pic: require('/public/表情/text4/震惊脸.png') }] },
        { id: 4, name: '第5个', pic: require('/public/表情/text5/且听风吟.png'), children: [{ id: 0, name: '且听风吟', pic: require('/public/表情/text5/且听风吟.png') }, { id: 1, name: '兔躯一震', pic: require('/public/表情/text5/兔躯一震.png') }, { id: 2, name: '哭哭', pic: require('/public/表情/text5/哭哭.png') }, { id: 3, name: '喝茶', pic: require('/public/表情/text5/喝茶.png') }, { id: 4, name: '好顶赞', pic: require('/public/表情/text5/好顶赞.png') }, { id: 5, name: '嫌弃', pic: require('/public/表情/text5/嫌弃.png') }, { id: 6, name: '庆贺吧', pic: require('/public/表情/text5/庆贺吧.png') }, { id: 7, name: '心情复杂', pic: require('/public/表情/text5/心情复杂.png') }, { id: 8, name: '心情简单', pic: require('/public/表情/text5/心情简单.png') }, { id: 9, name: '恰果看戏', pic: require('/public/表情/text5/恰果看戏.png') }, { id: 10, name: '慌张', pic: require('/public/表情/text5/慌张.png') }, { id: 11, name: '抱大腿', pic: require('/public/表情/text5/抱大腿.png') }, { id: 12, name: '是大佬', pic: require('/public/表情/text5/是大佬.png') }, { id: 13, name: '煮饭', pic: require('/public/表情/text5/煮饭.png') }, { id: 14, name: '盯', pic: require('/public/表情/text5/盯.png') }, { id: 15, name: '缉拿归案', pic: require('/public/表情/text5/缉拿归案.png') }, { id: 16, name: '超凶', pic: require('/public/表情/text5/超凶.png') }, { id: 17, name: '黑卡', pic: require('/public/表情/text5/黑卡.png') }] },
        { id: 5, name: '第6个', pic: require('/public/表情/text6/不爽.png'), children: [{ id: 0, name: '不爽', pic: require('/public/表情/text6/不爽.png') }, { id: 1, name: '乖巧', pic: require('/public/表情/text6/乖巧.png') }, { id: 2, name: '亮剑', pic: require('/public/表情/text6/亮剑.png') }, { id: 3, name: '伊甸-举杯', pic: require('/public/表情/text6/伊甸-举杯.png') }, { id: 4, name: '优雅托脸', pic: require('/public/表情/text6/优雅托脸.png') }, { id: 5, name: '偷看', pic: require('/public/表情/text6/偷看.png') }, { id: 6, name: '八重樱-喜欢', pic: require('/public/表情/text6/八重樱-喜欢.png') }, { id: 7, name: '凯文-气', pic: require('/public/表情/text6/凯文-气.png') }, { id: 8, name: '出神', pic: require('/public/表情/text6/出神.png') }, { id: 9, name: '刻晴-今晚深渊结算', pic: require('/public/表情/text6/刻晴-今晚深渊结算.png') }, { id: 10, name: '刻晴-想要这个！', pic: require('/public/表情/text6/刻晴-想要这个！.png') }, { id: 11, name: '加2', pic: require('/public/表情/text6/加2.png') }, { id: 12, name: '千劫-盯', pic: require('/public/表情/text6/千劫-盯.png') }, { id: 13, name: '发呆', pic: require('/public/表情/text6/发呆.png') }, { id: 14, name: '口水', pic: require('/public/表情/text6/口水.png') }, { id: 15, name: '可乐冲击', pic: require('/public/表情/text6/可乐冲击.png') }, { id: 16, name: '吃醋', pic: require('/public/表情/text6/吃醋.png') }, { id: 17, name: '吓', pic: require('/public/表情/text6/吓.png') }, { id: 18, name: '呆鹅发呆', pic: require('/public/表情/text6/呆鹅发呆.png') }, { id: 19, name: '哭唧唧', pic: require('/public/表情/text6/哭唧唧.png') }, { id: 20, name: '哭泣', pic: require('/public/表情/text6/哭泣.png') }, { id: 21, name: '喜爱', pic: require('/public/表情/text6/喜爱.png') }, { id: 22, name: '喝水', pic: require('/public/表情/text6/喝水.png') }, { id: 23, name: '嘤嘤嘤', pic: require('/public/表情/text6/嘤嘤嘤.png') }, { id: 24, name: '困', pic: require('/public/表情/text6/困.png') }, { id: 25, name: '在想桃子', pic: require('/public/表情/text6/在想桃子.png') }, { id: 26, name: '夏日吃冰', pic: require('/public/表情/text6/夏日吃冰.png') }, { id: 27, name: '夏日游泳', pic: require('/public/表情/text6/夏日游泳.png') }, { id: 28, name: '夏日风扇', pic: require('/public/表情/text6/夏日风扇.png') }, { id: 29, name: '天呐', pic: require('/public/表情/text6/天呐.png') }, { id: 30, name: '失去灵魂', pic: require('/public/表情/text6/失去灵魂.png') }, { id: 31, name: '害羞', pic: require('/public/表情/text6/害羞.png') }, { id: 32, name: '察觉', pic: require('/public/表情/text6/察觉.png') }, { id: 33, name: '希儿比心1', pic: require('/public/表情/text6/希儿比心1.png') }, { id: 34, name: '希儿比心2', pic: require('/public/表情/text6/希儿比心2.png') }, { id: 35, name: '开饭', pic: require('/public/表情/text6/开饭.png') }, { id: 36, name: '德丽莎-尝尝这个！', pic: require('/public/表情/text6/德丽莎-尝尝这个！.png') }, { id: 37, name: '德丽莎-睿智', pic: require('/public/表情/text6/德丽莎-睿智.png') }, { id: 38, name: '惊呆了', pic: require('/public/表情/text6/惊呆了.png') }, { id: 39, name: '抓获', pic: require('/public/表情/text6/抓获.png') }, { id: 40, name: '抱', pic: require('/public/表情/text6/抱.png') }, { id: 41, name: '拖走', pic: require('/public/表情/text6/拖走.png') }, { id: 42, name: '捏脸', pic: require('/public/表情/text6/捏脸.png') }, { id: 43, name: '撒钱', pic: require('/public/表情/text6/撒钱.png') }, { id: 44, name: '撸猫', pic: require('/public/表情/text6/撸猫.png') }, { id: 45, name: '朋友一起', pic: require('/public/表情/text6/朋友一起.png') }, { id: 46, name: '机智', pic: require('/public/表情/text6/机智.png') }, { id: 47, name: '梅比乌斯-托腮', pic: require('/public/表情/text6/梅比乌斯-托腮.png') }, { id: 48, name: '比心', pic: require('/public/表情/text6/比心.png') }, { id: 49, name: '满足', pic: require('/public/表情/text6/满足.png') }, { id: 50, name: '灵光一现', pic: require('/public/表情/text6/灵光一现.png') }, { id: 51, name: '爱莉希雅-疑惑', pic: require('/public/表情/text6/爱莉希雅-疑惑.png') }, { id: 52, name: '爱酱-干杯', pic: require('/public/表情/text6/爱酱-干杯.png') }, { id: 53, name: '疑惑', pic: require('/public/表情/text6/疑惑.png') }, { id: 54, name: '示弱', pic: require('/public/表情/text6/示弱.png') }, { id: 55, name: '社会', pic: require('/public/表情/text6/社会.png') }, { id: 56, name: '符华-唉', pic: require('/public/表情/text6/符华-唉.png') }, { id: 57, name: '绯玉丸-烹饪中', pic: require('/public/表情/text6/绯玉丸-烹饪中.png') }, { id: 58, name: '芽衣-晕', pic: require('/public/表情/text6/芽衣-晕.png') }, { id: 59, name: '苏-思考', pic: require('/public/表情/text6/苏-思考.png') }, { id: 60, name: '菲谢尔-中二pose', pic: require('/public/表情/text6/菲谢尔-中二pose.png') }, { id: 61, name: '菲谢尔-时代变了', pic: require('/public/表情/text6/菲谢尔-时代变了.png') }, { id: 62, name: '菲谢尔-这是什么？', pic: require('/public/表情/text6/菲谢尔-这是什么？.png') }, { id: 63, name: '警告', pic: require('/public/表情/text6/警告.png') }, { id: 64, name: '送你花', pic: require('/public/表情/text6/送你花.png') }, { id: 65, name: '酸', pic: require('/public/表情/text6/酸.png') }, { id: 66, name: '震惊', pic: require('/public/表情/text6/震惊.png') }, { id: 67, name: '额', pic: require('/public/表情/text6/额.png') }] },
        { id: 6, name: '第7个', pic: require('/public/表情/text7/人生赢家.png'), children: [{ id: 0, name: '人生赢家', pic: require('/public/表情/text7/人生赢家.png') }, { id: 1, name: '偷笑', pic: require('/public/表情/text7/偷笑.png') }, { id: 2, name: '八重樱围观', pic: require('/public/表情/text7/八重樱围观.png') }, { id: 3, name: '再来亿局', pic: require('/public/表情/text7/再来亿局.png') }, { id: 4, name: '吃我一炮', pic: require('/public/表情/text7/吃我一炮.png') }, { id: 5, name: '咸鱼', pic: require('/public/表情/text7/咸鱼.png') }, { id: 6, name: '安定', pic: require('/public/表情/text7/安定.png') }, { id: 7, name: '对不起', pic: require('/public/表情/text7/对不起.png') }, { id: 8, name: '崩坏娘可怜', pic: require('/public/表情/text7/崩坏娘可怜.png') }, { id: 9, name: '崩坏娘泪奔', pic: require('/public/表情/text7/崩坏娘泪奔.png') }, { id: 10, name: '崩坏娘点赞', pic: require('/public/表情/text7/崩坏娘点赞.png') }, { id: 11, name: '开饭了', pic: require('/public/表情/text7/开饭了.png') }, { id: 12, name: '微笑面对', pic: require('/public/表情/text7/微笑面对.png') }, { id: 13, name: '悠闲', pic: require('/public/表情/text7/悠闲.png') }, { id: 14, name: '惊讶', pic: require('/public/表情/text7/惊讶.png') }, { id: 15, name: '打call', pic: require('/public/表情/text7/打call.png') }, { id: 16, name: '暗中搞事', pic: require('/public/表情/text7/暗中搞事.png') }, { id: 17, name: '期待', pic: require('/public/表情/text7/期待.png') }, { id: 18, name: '激动', pic: require('/public/表情/text7/激动.png') }, { id: 19, name: '灵依娘生气', pic: require('/public/表情/text7/灵依娘生气.png') }, { id: 20, name: '爱了爱了', pic: require('/public/表情/text7/爱了爱了.png') }, { id: 21, name: '琳魂画手', pic: require('/public/表情/text7/琳魂画手.png') }, { id: 22, name: '电音蝌蚪', pic: require('/public/表情/text7/电音蝌蚪.png') }, { id: 23, name: '给你两拳', pic: require('/public/表情/text7/给你两拳.png') }, { id: 24, name: '耀夜姬旋转', pic: require('/public/表情/text7/耀夜姬旋转.png') }, { id: 25, name: '苦酒入喉', pic: require('/public/表情/text7/苦酒入喉.png') }, { id: 26, name: '萌萌哒', pic: require('/public/表情/text7/萌萌哒.png') }, { id: 27, name: '难过', pic: require('/public/表情/text7/难过.png') }, { id: 28, name: '飞踢', pic: require('/public/表情/text7/飞踢.png') }, { id: 29, name: '黑暗势力', pic: require('/public/表情/text7/黑暗势力.png') }, { id: 30, name: '黛尔塔问号', pic: require('/public/表情/text7/黛尔塔问号.png') }] },
        { id: 7, name: '第8个', pic: require('/public/表情/text8/YUI-星星眼.png'), children: [{ id: 0, name: 'YUI-星星眼', pic: require('/public/表情/text8/YUI-星星眼.png') }, { id: 1, name: '亚巴顿-哎呀', pic: require('/public/表情/text8/亚巴顿-哎呀.png') }, { id: 2, name: '伊登-疑惑', pic: require('/public/表情/text8/伊登-疑惑.png') }, { id: 3, name: '吃水母', pic: require('/public/表情/text8/吃水母.png') }, { id: 4, name: '咋肥四', pic: require('/public/表情/text8/咋肥四.png') }, { id: 5, name: '咦', pic: require('/public/表情/text8/咦.png') }, { id: 6, name: '奸笑', pic: require('/public/表情/text8/奸笑.png') }, { id: 7, name: '妥芮朵-希望没事', pic: require('/public/表情/text8/妥芮朵-希望没事.png') }, { id: 8, name: '安详睡去', pic: require('/public/表情/text8/安详睡去.png') }, { id: 9, name: '崩坏娘啦啦队', pic: require('/public/表情/text8/崩坏娘啦啦队.png') }, { id: 10, name: '崩坏娘喝茶', pic: require('/public/表情/text8/崩坏娘喝茶.png') }, { id: 11, name: '崩坏娘土下座', pic: require('/public/表情/text8/崩坏娘土下座.png') }, { id: 12, name: '崩坏娘星星眼', pic: require('/public/表情/text8/崩坏娘星星眼.png') }, { id: 13, name: '崩坏娘流口水', pic: require('/public/表情/text8/崩坏娘流口水.png') }, { id: 14, name: '崩坏娘灵魂出窍', pic: require('/public/表情/text8/崩坏娘灵魂出窍.png') }, { id: 15, name: '崩坏娘盯', pic: require('/public/表情/text8/崩坏娘盯.png') }, { id: 16, name: '崩坏娘躺地哭', pic: require('/public/表情/text8/崩坏娘躺地哭.png') }, { id: 17, name: '布伦希尔德-怒了', pic: require('/public/表情/text8/布伦希尔德-怒了.png') }, { id: 18, name: '希露-哭唧唧', pic: require('/public/表情/text8/希露-哭唧唧.png') }, { id: 19, name: '应援', pic: require('/public/表情/text8/应援.png') }, { id: 20, name: '弱智开心', pic: require('/public/表情/text8/弱智开心.png') }, { id: 21, name: '拉克西米-在喝茶', pic: require('/public/表情/text8/拉克西米-在喝茶.png') }, { id: 22, name: '探头', pic: require('/public/表情/text8/探头.png') }, { id: 23, name: '擦汗', pic: require('/public/表情/text8/擦汗.png') }, { id: 24, name: '放大镜', pic: require('/public/表情/text8/放大镜.png') }, { id: 25, name: '无语嫌弃', pic: require('/public/表情/text8/无语嫌弃.png') }, { id: 26, name: '暗中观察', pic: require('/public/表情/text8/暗中观察.png') }, { id: 27, name: '槲寄生-偷听', pic: require('/public/表情/text8/槲寄生-偷听.png') }, { id: 28, name: '樱华-羞羞惹', pic: require('/public/表情/text8/樱华-羞羞惹.png') }, { id: 29, name: '气气', pic: require('/public/表情/text8/气气.png') }, { id: 30, name: '泪奔', pic: require('/public/表情/text8/泪奔.png') }, { id: 31, name: '灵依娘啦啦队', pic: require('/public/表情/text8/灵依娘啦啦队.png') }, { id: 32, name: '灵依娘喝茶', pic: require('/public/表情/text8/灵依娘喝茶.png') }, { id: 33, name: '灵依娘土下座', pic: require('/public/表情/text8/灵依娘土下座.png') }, { id: 34, name: '灵依娘盯', pic: require('/public/表情/text8/灵依娘盯.png') }, { id: 35, name: '灵依娘躺地哭', pic: require('/public/表情/text8/灵依娘躺地哭.png') }, { id: 36, name: '生无可恋', pic: require('/public/表情/text8/生无可恋.png') }, { id: 37, name: '米梅-干饭人', pic: require('/public/表情/text8/米梅-干饭人.png') }, { id: 38, name: '纹章-善意的笑', pic: require('/public/表情/text8/纹章-善意的笑.png') }, { id: 39, name: '缪娜-乐呵呵', pic: require('/public/表情/text8/缪娜-乐呵呵.png') }, { id: 40, name: '缪娜-哭哭包', pic: require('/public/表情/text8/缪娜-哭哭包.png') }, { id: 41, name: '缪娜-气呼呼', pic: require('/public/表情/text8/缪娜-气呼呼.png') }, { id: 42, name: '路西法-拽拽爷', pic: require('/public/表情/text8/路西法-拽拽爷.png') }, { id: 43, name: '迦娜哭哭', pic: require('/public/表情/text8/迦娜哭哭.png') }, { id: 44, name: '迦娜点赞', pic: require('/public/表情/text8/迦娜点赞.png') }, { id: 45, name: '迦娜生气', pic: require('/public/表情/text8/迦娜生气.png') }, { id: 46, name: '青花乐', pic: require('/public/表情/text8/青花乐.png') }, { id: 47, name: '青花卒', pic: require('/public/表情/text8/青花卒.png') }, { id: 48, name: '青花瘫', pic: require('/public/表情/text8/青花瘫.png') }, { id: 49, name: '青花问', pic: require('/public/表情/text8/青花问.png') }] }
      ]
    }
  },
  created () {},
  // DOM对象加载完成时
  mounted () {
  },
  methods: {
    changeemoji (index) {
      this.index = index
    },
    preEmojiList () {
      if (this.emojiListStart <= 0) {
        this.emojiListStart = 0
      } else {
        this.emojiListStart -= 6
      }
    },
    nextEmojiList () {
      if (this.emojiListStart >= this.emoji.length - 6) {
        this.emojiListStart += 0
      } else {
        this.emojiListStart += 6
      }
    },
    // 向父组件传参，把图片传给父组件
    selectEmoji (picsrc) {
      // console.log(picsrc)
      const img = '<img src="' + picsrc + '" alt="" style="width:40px;height:40px;">'
      this.$emit('myEmoji', img)
      this.visible = !this.visible
    }
  },
  computed: {

  },
  name: 'myEmoji',
  components: {}
}
</script>

<style lang="less" scoped>
.bottom-operator{
  width: 400px;height: 40px;
  display: flex;
}
.emoji-box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y:auto;
  overflow-x:auto;
  width:400px;
  height:245px;
}
.emoji{
  width: 65px;
  height: 65px;
  margin: 5px;
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}
.emoji:hover{
  cursor:pointer;
}
.emoji-set-list{
  width: 342px;
  height: 40px;
  display: flex;
}
.emoji-set{
  height: 40px;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.emoji-set-icon{
  width: 35px;
  height: 35px;
  font-size: 0;
}
.page-operator{
  width: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-change{
  width: 25px;
  font-size: 25px;
}
.none{
  color: #999999;
}
</style>
